<script src="app/controllers/blogs/AddNewWordpressController.js"></script>

<!-- Create new site wordpress -->
<div id="hfr-addNewSite" class="hfr-mw450 hfr-margin-auto" ng-controller="AddNewWordpressController">
	<form class="hfr-formAddNewSite" name="wpForm">
		<h2 class="hfr-heading">Create Wordpress Site</h2>
		<div class="form-group">
			<span class="label label-danger" ng-show="submitted && wpForm.siteurl.$error.required">Required!</span>
			<span class="label label-danger" ng-show="submitted && wpForm.$error.url">Invalid URL format!</span>
			<div class="input-group">
				<input type="url" placeholder="Website URL" name="siteurl" class="form-control" ng-model="siteurl" required />
				<span class="input-group-addon ti-world"></span>
			</div>
		</div>
		<div class="form-group">
			<span class="label label-danger" ng-show="submitted && wpForm.username.$error.required">Required!</span>
			<div class="input-group">
				<input type="text" placeholder="Site Username" name="username" class="form-control"  ng-model="username" required />
				<span class="input-group-addon ti-user"></span>
			</div>
		</div>
		<div class="form-group">
			<span class="label label-danger" ng-show="submitted && wpForm.password.$error.required">Required!</span>
			<div class="input-group">
				<input type="password" placeholder="Site Password" name="password" class="form-control" ng-model="password" required />
				<span class="input-group-addon ti-lock"></span>
			</div>
		</div>
		<div class="row">
			<div class="col-md-6">
				<a href class="hfr-button-link">
					<span class="ti-angle-left"></span> Back
				</a>
			</div>
			<div class="col-md-6 content-right">
				<button type="button" id="loading-btn" ng-click="check_info(wpForm)" data-loading-text="Loading..." class="hfr-button-blue btn-block hfr-solid" ng-hide="success">Check Infomation</button>
				<button type="button" ng-click="create_site(wpForm)" class="hfr-button-blue btn-block hfr-solid" ng-show="next-step">Save & Next</a>
			</div>
		</div>		
	</form>
	
</div>

